<template>
    <div class="">
        <div v-for="(sd,idx) in userListc" :key="idx">
            <div class="row pd pt10 pm10 btm" v-if="sd.id!=userInfo.id" @click="dialing(sd)">
                <img :src="sd.userFm" class="usericons cz">
                <div class="col pl10 czjz tl">
                    <div class="fz16 row">
                        <p class="col">
                            {{sd.name}}
                        </p>
                        <span class="z9 fz12">晚上8:45</span>
                    </div>
                    <p class="z9 fz12">[视频通话]</p>
                </div>
            </div>
        </div>

        <!--  <van-cell-group>
            <van-cell >

            </van-cell>
        </van-cell-group>-->
        <dxpeer :ischushi="true"></dxpeer>
    </div>
</template>
<script>
    import userList from "@/util/userList"
    import {
        Storage
    } from "@/util/storage.js"
    import dxpeer from "@/components/dxpeer"
    export default {
        data() {
            return {

            }
        },
        computed: {
            userInfo() {
                let us = new Storage();
                return us.getItem('userInfo')
            },
            userListc() {
                return userList
            }
        },
        components: {
            dxpeer
        },
        methods: {
            dialing(sd) {
                this.hf('dialing', sd)
            }
        },
        mounted() {


        },
    }

</script>
<style scoped>
    .usericons {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 4px;
    }

</style>
